/**
 * @description 生成组件列表
 * @author 李子一
 */

import Mock from 'mockjs'

const { Random } = Mock

function getComponentList() {
  return [
    // info
    {
      fe_id: Random.id(),
      type: 'questionInfo',
      title: '问卷信息',
      props: {
        title: '问卷标题',
        desc: '问卷描述',
      },
      isHidden: false,
      isLocked: false,
    },
    // title
    {
      fe_id: 'c1',
      type: 'questionTitle', // 组件类型不能重复
      title: '标题',
      props: {
        text: '个人信息调研',
        level: 1,
        isCenter: false,
      },
      isHidden: false,
      isLocked: false,
    },
    // input
    {
      fe_id: 'c2',
      type: 'questionInput',
      title: '输入框',
      props: {
        title: '你的姓名',
        placeholder: '请输入姓名...',
      },
      isHidden: false,
      isLocked: false,
    },
    // input
    {
      fe_id: 'c3',
      type: 'questionInput',
      title: '输入框2',
      props: {
        title: '你的电话',
        placeholder: '请输入电话号码...',
      },
      isHidden: false,
      isLocked: false,
    },
    // textarea
    {
      fe_id: 'c4',
      type: 'questionTextarea',
      title: '多行输入',
      props: {
        title: '你的爱好',
        placeholder: '请输入...',
      },
      isHidden: false,
      isLocked: false,
    },
    // paragraph
    {
      fe_id: 'c5',
      type: 'questionParagraph',
      title: '段落',
      props: {
        text: '一行段落\n一行段落\n一行段落',
        isCenter: true,
      },
      isHidden: false,
      isLocked: false,
    },
    // paragraph
    {
      fe_id: 'c6',
      type: 'questionCheckbox',
      title: '多选标题',
      props: {
        title: '多选标题',
        isVertical: true,
        list: [
          { value: 'vue2', text: 'Vue2', checked: true },
          { value: 'vue3', text: 'Vue3', checked: false },
          { value: 'react', text: 'React', checked: true },
        ],
      },
      isHidden: false,
      isLocked: false,
    },
  ]
}

export default getComponentList
